<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
 <link href="${pageContext.request.contextPath }/static/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="${pageContext.request.contextPath }/static/css/bootstrap-table.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="${pageContext.request.contextPath }/static/css/base.css" />
    <link rel="stylesheet" href="${pageContext.request.contextPath }/static/css/info-mgt.css" />
    <style>
        .layui-layer-title{background:url(images/righttitlebig.png) repeat-x;font-weight:bold;color:#46647e; border:1px solid #c1d3de;height: 33px;line-height: 33px;}
        .tabe_bot label{width: 70px;text-align: right;font-size: 14px;font-weight: 900;color: #46647e}
        .l_left{float: left}
        .tabe_bot input,.tabe_bot  select{width: 170px;height: 30px;border-radius: 6px;margin:0 20px 0 0;border: none;border: 1px #ccc solid}
        .tabe_btn{width: 60px;height: 30px;background-color: #68b86c;border: none;border-radius: 6px;color: #fff}
    </style>
    <title>职员明细表</title>
</head>
<body>
	<input id="createtimes" name = "createtimes" style="display: none;" value="${createtimes }" >
	<input id="id" name = "id" style="display: none;" value="${id }">
	<div class="table-box">
    	<table id="table" class="table_style"></table>
	</div>
	<div class="pagination ue-clear"></div>
</body>

<script type="text/javascript" src="${pageContext.request.contextPath }/static/js/jquery.js"></script>
<script src="${pageContext.request.contextPath }/static/js/bootstrap.min.js"></script>
<script src="${pageContext.request.contextPath }/static/js/bootstrap-table.js"></script>
<script src="${pageContext.request.contextPath }/static/js/bootstrap-table-zh-CN.min.js"></script>
<script src="${pageContext.request.contextPath }/static/js/date/js/laydate.js"></script>
<script type="text/javascript"></script>
<script>
    !function(){
        laydate.skin('molv');//切换皮肤，请查看skins下面皮肤库
        laydate({elem: '#demo'});//绑定元素
        laydate({elem: '#demo01'});//绑定元素
    }();
</script>

<script>
    $(function () {
    	var createtimes = $('#createtimes').val();//建档时间
    	var id = $('#id').val();	//部门ID
        $('#table').bootstrapTable({
            method: "get",
            striped: true,
            singleSelect: false,
            url: "../H_Detail_ThreeAll.json", 
            dataType: "json",
            pagination: true, //分页
            pageSize: 10,
            pageNumber: 1,
            search: false, //显示搜索框
            contentType: "application/x-www-form-urlencoded",
            queryParams: function(params) {
				return{
					"createtime":createtimes,
					"id":id
				}
			},
            columns: [
               
                {
                    title: "部门",
                    field: 'departement',
                    align: 'center',
                    valign: 'middle'
                },
                {
                    title: '异动情况',
                    field: 'ps_alteration',
                    align: 'center',
                    valign: 'middle'
                    
                },
                {
                    title: '学历',
                    field: 'educations',
                    align: 'center',
                    valign: 'middle'
                    
                },
                {
                    title: '档案编号',
                    field: 'record_number',
                    align: 'center'
                },
                {
                    title: '员工姓名',
                    field: 'pf_name',
                    align: 'center',
                    valign: 'middle'
                },
                {
                    title: '性别',
                    field: 'pf_sex',
                    align: 'center',
                    valign: 'middle',
                    formatter: function (value, row) {
                    	if(value==0){
                    		return "男";
                    	}else{
                    		return "女";
                    	}
                    }
                },
                {
                    title: '职位',
                    field: 'position_name',
                    align: 'center'
                },
                {
                    title: '电话',
                    field: 'pf_phone',
                    align: 'center'
                },
                {
                    title: '档案状态',
                    field: 'files',
                    align: 'center'
                },
                {
                    title: '建档日期',
                    field: 'createtime',
                    align: 'center'
                }
            ]
        });
    });
</script>
</html>